import React from "react";


//现在 Clock 组件被定义为 class，而不是函数。
// 每次组件更新时 render 方法都会被调用，但只要在相同的 DOM 节点中渲染 <Clock /> ，就仅有一个 Clock 组件的 class 实例被创建使用。
// 这就使得我们可以使用如 state 或生命周期方法等很多其他特性。
class Clock extends React.Component {
    constructor(props: {} | Readonly<{}>) {
        super(props);
        this.state = {date: new Date()};
    }
    render() {
        return (
            <div>
                <h1>Hello, world!</h1>
                {/*<h2>It is {this.state.date.toLocaleTimeString()}.</h2>*/}
            </div>
        );
    }
}

